<template>
	<div>
		<CMMenu></CMMenu>
		<div id="big_storage_contain">
            <div class="big_storagecontain1">
                <div class="storage_top">
                	<div class="storage_t storage_t_one">我的位置：用户管理</div>
                </div>
                <Card :bordered="false" class="con_card" >
                	<div class="user_top">会员下可同时在线人数1人，目前在前人数1人(如需增加同时在线人数，请联系购买)</div>
                	<div class="bigotherone">
                		<div class="other_one other_two">用户名</div>
                		<div class="other_one">
                			<Input search enter-button="Search" placeholder="请输入" />
                		</div>
                	</div>
                	<Tabs type="card" class="usercard">
				        <TabPane label="用户列表">
				        	<UserList></UserList>
				        </TabPane>
				        <TabPane label="待激活">
				        	<Statu></Statu>
				        </TabPane>
			  		</Tabs>
                </Card>		
            </div>    
        </div>     
	</div>
</template>

<script>
	import CMMenu         from     './components/Menu'
	import UserList         from     './components/UserList'
	import Statu         from     './components/Statu'
	export default {
    	name: 'Userman',
    	components: {
    	    CMMenu,
    	    UserList,
    	    Statu
		},
        data () {
        	return {
        		
        	}
        }
    }	    
</script>

<style>
	#big_storage_contain{
		width: 100%;
		height: 1200px;
		background: #F4F4F4;
	}
	.big_storagecontain1{
		width: 1000px;
		position: relative;
		left: 50%;
		margin-left: -500px;
		top: 15px;
	}
	.storage_top{
		margin-bottom: 5px;
	}
	.otherbut{
		width: 100px;
		position: relative;
		left: 50%;
		margin-left: -50px;
	}
	.user_top{
		color: red;
		font-size: 13px;
		margin-bottom: 20px;
	}
	.usercard{
		margin-top: 25px;
	}
	.bigotherone{
		display: flex;
	}
	.other_two{
		position: relative;
		top: 8px;
		margin-right: 10px;
	}
</style>